body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;background: #fff;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
.inp_one { width:200px; height:25px; line-height:25px;}
.inp_small { width:100px; height:25px; line-height:25px;}
#VCode { cursor:pointer;}
.mt { margin-top:15px;}
.blue { color:#0037FF;}

/*top*/
.header { width:100%; height:83px;  margin:0 auto;border-bottom:1px solid #EEEEEE; }
.header .logo { height:70px; float:left; margin-top:10px;}
.header .rgtx { float:right;}
.header .rgtx #top_member { padding:20px 0 0 0;}
.header .rgtx #top_member a { display:block; font-size:14px; float:left; line-height:15px; padding-right:15px; margin-right:15px; border-right:1px solid #333; color:#666;}
.header .rgtx #top_member a:hover { color:#eb2914;}
.header .rgtx #top_member a:nth-child(2) { border-right:none;}
.header .rgtx .search input { display:block; float:left; border:3px solid #E6001A; height:34px; line-height:30px; padding:0 15px;}
.search input::-webkit-input-placeholder {color: #999;}
.header .rgtx .search .tit { width: 234px;background:#fff; color:#999;font-size: 12px;outline:none;}
.header .rgtx .search input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}
.header .rgtx .search .djs { background:#E6001A; height:40px; padding:0 26px;color:#fff;font-size: 14px;}
.header .htel{float:right;height: 38px;background: url(../images/htel.png) no-repeat left;padding-left: 53px;font-size: 12px;color:#999;margin:20px 0 0 35px;letter-spacing: 1px;}
.header .htel span{display: block;font-size: 20px;color:#e60019;font-weight: bold;width: 158px;height: 26px;line-height: 22px;overflow: hidden;}

/*导航*/
.nav { width:100%; margin:0 auto; height:37px; line-height:37px;  position:relative; z-index:999;}
.nav .line { width:1px; height:70px; background:url(../images/hline.png) no-repeat left center;}
.nav li { margin:0 14px; float:left; position:relative; text-align:center;}
.nav li a { display:block; padding:15px; font-size:16px; color:#333;border-bottom: 3px solid #fff;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; position:absolute; top:70px; right:-25px; background:rgba(230,0,26,0.8); width:130px; padding:0 2px;  border-radius:0 0 6px 6px; overflow:hidden;}
.nav li li { float:none; padding:0 5px; margin:0 auto; line-height:35px; border-bottom:1px solid #E53E4D;}
.nav li li a { color:#fff; font-size:12px; padding:0;border-bottom: none;}
.nav li li a:hover { color:#ddd;}
.nav li.hover a{color:#E60019;border-bottom: 3px solid #E60019;}
.nav li.hover li a{color:#ddd; border-bottom:none;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .hd { display:none;}
.banner .bd { width:100%; position:relative; z-index:0;}
.banner .bd li { width:100%; position:relative;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_ej { width:100%; margin:0 auto;}
.banner_ej img { width:100%;}

/*友情链接*/
.link { background:#f4f4f4; padding:10px 50px; color:#666; font-size:14px; line-height:35px; margin:20px auto 0 auto;}
.link a { color:#d7d7d7; margin:0 10px 0 15px; color:#666;}

/*脚部*/
.footer { width:100%;height: 180px; background:#2D2D2D;  line-height:30px; font-size:12px; color:#999; padding-top:50px;}
.footer .fleft{float:left;width: 20%;font-size: 20px;color:#fff;display: inline-block;}
.footer .fleft span{display: block;font-size: 14px;color: #999;}
.footer .fgz{float:left;}
.footer .fgz p{font-size: 16px;margin-bottom: 30px;}
.footer .fgz a{display: inline-block;width: 40px;height: 40px;border:1px solid #444;background-repeat: no-repeat;background-position: center center;background-size:40px 40px;margin:0 2px;}
.footer .fgz .weibo{background-image: url(../images/weibo.png);}
.footer .fgz .qq{background-image: url(../images/qq.png);}
.footer .fgz .phone{background-image: url(../images/phone.png);position: relative;}
.footer .fgz .weixin{background-image: url(../images/weixin.png);position: relative;}
.footer .fgz .weixin img{display: none;width: 100px;height: 100px;position: absolute;bottom:45px;left:-30px;}
.footer .fgz .phone img{display:none;width: 100px;height: 100px;position: absolute;bottom:45px;left:-30px;}
.footer .fgz .weixin:hover img{display: block;}
.footer .fgz .phone:hover img{display: block;}
.footer .fgz a:hover{background: #E60019;background-repeat: no-repeat;background-position: center center;background-size:40px 40px;border:1px solid #E60019;}
.footer .fgz .weibo:hover{background-image: url(../images/weibo1.png) ;}
.footer .fgz .qq:hover{background-image: url(../images/qq1.png);}
.footer .fgz .phone:hover{background-image: url(../images/phone1.png);}
.footer .fgz .weixin:hover{background-image: url(../images/weixin1.png);}
.footer .fright{float:right;width: 42%;}
.footer .fright h2{font-weight: normal;margin-bottom: 30px;font-size: 16px;}
.footer .fright ul li{float:left;margin-right:30px;width: 220px;}
.footer .fright a{color:#999;}
.bottom{text-align: center;margin:15px auto;}

/*在线客服*/
.toolbar-item,.toolbar-layer{background:url(../images/online10.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:140px;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:150px;/*background-position:0 0;*/}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:52px;bottom:-1px;width:140px;border:1px solid #ddd;display:block;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

/************************************************ 首页代码 （多余不用请删除） start*****************************************************/
/*案例展示*/
.case{background: #f4f4f4;padding:40px 0;}
.case .casetit{text-align: center;margin: 0 auto 26px auto;}
.case .casetit h2{font-size: 24px;color:#343434;font-weight: normal;}
.case .casetit h2 i{display: inline-block;width: 55px;height: 15px;background: url(../images/ctit.png) no-repeat;margin:0 5px;}
.case .casetit h3{font-size: 18px;color:#e60019;background: url(../images/ctit1.png) no-repeat bottom;padding-bottom: 15px;font-weight: normal;}
.case .casetit span{display: block;font-size: 14px;color:#666;line-height: 25px;}
.case .casenav ul li {float:left;width: 228px;height: 190px;background:#fff;border:1px solid #2F2F2F;margin:0 5px;position: relative;}
.case .casenav ul li a{display: block;width: 100%;height: 50px;text-align: center;background-repeat: no-repeat;background-position: center top;padding-top: 92px;margin-top:36px;}
.case .casenav ul li .cnav1{background-image: url(../images/cnav1.png) ;}
.case .casenav ul li .cnav2{background-image: url(../images/cnav2.png) ;}
.case .casenav ul li .cnav3{background-image: url(../images/cnav3.png) ;}
.case .casenav ul li .cnav4{background-image: url(../images/cnav4.png) ;}
.case .casenav ul li .cnav5{background-image: url(../images/cnav5.png) ;}
.case .casenav ul li .cnav1{background-image: url(../images/cnav1.png) ;}
.case .casenav ul li.on,.case .casenav ul li:hover{background:#E6001A ;border:1px solid #E6001A;}
.case .casenav ul li.on h3,.case .casenav ul li:hover h3{color:#fff; }
.case .casenav ul li.on span,.case .casenav ul li:hover span{color:#f47b89;}
.case .casenav ul li.on .cnav1,.case .casenav ul li:hover .cnav1{background-image: url(../images/ccnav1.png) ;}
.case .casenav ul li.on .cnav2,.case .casenav ul li:hover .cnav2{background-image: url(../images/ccnav2.png) ;}
.case .casenav ul li.on .cnav3,.case .casenav ul li:hover .cnav3{background-image: url(../images/ccnav3.png) ;}
.case .casenav ul li.on .cnav4,.case .casenav ul li:hover .cnav4{background-image: url(../images/ccnav4.png) ;}
.case .casenav ul li.on .cnav5,.case .casenav ul li:hover .cnav5{background-image: url(../images/ccnav5.png) ;}

.case .casenav ul li h3{font-size: 18px;color:#333;font-weight: normal;line-height: 20px;}
.case .casenav ul li span{font-size: 12px;color:#999;}
.case .casenav ul li h2{font-size: 70px;color:#CB0117;text-align: right;line-height: 38px;display: none;margin-right: 10px;}
.case .casenav ul li.on h2,.case .casenav ul li:hover h2{display: block;}
.case .casenav ul li.on .cstip,.case .casenav ul li:hover .cstip{width: 37px;height: 13px;background: url(../images/csxb.png) no-repeat ;position: absolute;bottom: -13px;left:95px ;}
.cndetail{height: 190px;overflow: hidden;}

/* 本例子css */
.slideGroup{ width:99%; margin:0 auto;  }
.slideGroup .parHd{ height:220px; line-height:30px;  padding: 10px;  position:relative;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0; position:relative;   }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{width: 31.2%; background: #fff; margin:8px 1%; float:left; display:inline; box-shadow: 0 0 10px #ddd;-webkit-box-shadow: 0 0 10px #ddd;-o-box-shadow: 0 0 10px #ddd;   }
.slideGroup .parBd ul li .pic{ position: relative; }
.slideGroup .parBd ul li .pic img{ width:100%; height: 100%; display:block; }
.slideGroup .parBd ul li:hover .pic .cimg{width:100%;height: 100%; position: absolute;top:0px;left:0px;background: url(../images/case0.png) no-repeat;background-size: 100% 100%;  }

.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .cstitle{ font-size:16px;color:#333;height: 50px;line-height:50px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; padding:0 15px;  }
.slideGroup .parBd ul li .csdetail{ font-size:14px;color:#999;height: 48px;line-height:24px;overflow: hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; padding:0 14px; margin-bottom: 15px;  }

.cmore{display: block;width: 178px;height: 43px;line-height: 43px;border:1px solid #E60019;text-align: center;margin:40px auto;font-size: 14px;color:#e60019;}

/*汉风咨询*/
.new {background: #fff;padding:20px 0 40px 0;}
.new .casetit{text-align: center;margin: 30px auto;}
.new .casetit h2{font-size: 24px;color:#343434;font-weight: normal;}
.new .casetit h2 i{display: inline-block;width: 55px;height: 15px;background: url(../images/ctit.png) no-repeat;margin:0 5px;}
.new .casetit h3{font-size: 18px;color:#e60019;background: url(../images/ctit1.png) no-repeat bottom;padding-bottom: 15px;font-weight: normal;}
.new .casetit span{display: block;font-size: 14px;color:#666;line-height: 25px;}
.new .nlist ul li{float:left;width: 580px;margin:15px 10px;box-shadow: 0 0 10px #ddd;-webkit-box-shadow: 0 0 10px #ddd;-o-box-shadow: 0 0 10px #ddd;}
.new .nlist ul li .nimg{float:left;width: 300px;height: 240px;}
.new .nlist ul li .nimg img{width: 300px;height: 240px;}
.new .nlist ul li .nintr{float:right;width: 250px;padding:10px;}
.new .nlist ul li .nintr h2{font-size: 16px;color:#333;padding:25px 0 20px 0;font-weight:normal;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.new .nlist ul li .nintr .ndetail{font-size: 14px;color:#999;line-height: 22px;margin-bottom: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.new .nlist ul li .nintr .nmore a{display: block;width: 30px;height: 18px;background: url(../images/nmore.png) no-repeat center;padding:8px 44px;border:1px solid #ddd;}
.new .nlist ul li .nintr .nmore:hover a{background:#E60019 url(../images/nmore1.png) no-repeat center;border:1px solid #E60019;}



/************************************************ 首页代码 （多余不用请删除） start*****************************************************/

/**栏目标题**/
.marg { margin:0 30px;}
.title { font-weight:100; font-size:16px; color:#333; border-bottom:1px solid #ddd; height:35px; line-height:35px; margin-bottom:15px;}
.title span { float:left; padding-right:15px; border-bottom:1px solid #f30; height:35px;}
.title a { float:right; font-size:12px; color:#999;}



/************************************************ 首页代码 （多余不用请删除） end*****************************************************/

/*** 子页公用当前位置、栏目标题及二级栏目 ***/
.c_position { line-height:40px; border-bottom:1px solid #eee; background:#E6001A; text-align:left; /*margin-bottom:50px;*/}
.c_position p{width: 1140px;margin:0 auto;height: 40px; line-height:40px; background: url(../images/sy.png) no-repeat left ; padding-left:60px;  text-align:left;color:#fff; }
.c_position p a{color:#fff;}
/*左侧公共*/

.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:0 auto;}
.left { width:260px; margin-top:30px;}
.left_title { background:#E6001A; height:64px; overflow:hidden;}
.left_title span { color:#fff; display:block; font-size:20px; height:22px; margin-top:11px; text-align:center; width:100%;}
.left_title p { color:#fff; font-size:16px; line-height:18px; height:18px; text-align:center; width:100%;}
.left_nav { border:1px solid #d4d4d4; border-top:none; height:auto; margin-bottom:20px; padding:10px 10px 0 10px;}
.left_nav li a { background:#eee; color:#333; display:block; font-size:14px; line-height:47px; font-weight:700; height:47px; margin:0 auto 9px; text-indent:20px;}
.left_nav .hover a,.left_nav li:hover a { background:#E6001A url(../images/icons1h.png) no-repeat scroll 210px center; color:#fff;}
.left_contact_title { background:url(../images/left_contatc.jpg) no-repeat scroll 0 0; height:126px; overflow:hidden;}
.left_contact_title span { color:#fff600; display:block; font-size:24px; line-height:38px; height:38px; margin-top:15px; text-indent:84px; width:100%;}
.left_contact_title p { color:#fff600; font-size:29px; line-height:36px; height:36px; text-align:center; width:100%;}
.left_contact p { font-size:14px; line-height:25px; height:auto; margin:6px auto; padding-left:25px;}
.left_contact { background:#ddd; height:auto; margin-bottom:20px; overflow:hidden; padding:10px 20px;}
.left_address { background:url(../images/icons3.png) no-repeat 0 2px;}
.left_qq { background:url(../images/icons4.png) no-repeat 0 2px;}
.left_news_title { background:#E6001A; height:50px; overflow:hidden;}
.left_news_title span { color:#fff; float:left; font-size:16px; line-height:50px; padding-left:18px;}
.left_news_title a { color:#fff; float:right; font-size:12px; line-height:50px; margin-right:16px;}
.left_news { border:1px solid #d4d4d4; border-top:none; padding-bottom:20px;}
.left_news li { border-bottom:1px dotted #8d8d8d; color:#393a3a; font-size:14px; line-height:41px; height:41px; margin:0 auto; overflow:hidden; text-indent:4px; margin:0 15px; text-overflow:ellipsis; white-space:nowrap;}

/*右侧公共*/
.right { width:1200px; overflow:hidden; margin-top:10px;}
.right_title { border-bottom:2px solid #ccc; height:50px; width:100%;}
.right_name { color:#E6001A; float:left; font-size:20px; font-weight:bolder; line-height:50px; border-bottom:2px solid #E6001A; padding:0 20px 0 5px;}
.right_title p { color:#333; float:right; font-size:14px; line-height:50px;}
.right_title p a { color:#E6001A;}
.right_con { color:#333; font-size:14px; line-height:30px; height:auto; margin:16px 0; /*overflow:hidden;*/ width:100%; min-height:250px;}

/*公用通栏*/
.c_ompany { width:100%; text-align:center;  padding-bottom:10px; }
.c_ompany h3 { font-size:30px; line-height:22px; text-align:center; font-weight:100; margin:50px 20px 0 20px; color:#E6001A;}
.c_ompany h3 i { font-style:normal; display:block; margin:0 auto; width:30px; height:1px; background:#f30; margin-top:10px;}
.c_ompany h3 span { font-size:17px; color:#666;}
.c_ompany li { display:inline-block; border:1px solid #E6001A; margin:10px; line-height:30px; font-size:14px;}
.c_ompany li a { display:block; color:#E6001A; padding:0 15px;}
.c_ompany li:hover { background:#eb2914; border:1px solid #eb2914;}
.c_ompany li:hover a { color:#fff;}

/*详情页公用*/
.time_click { font-size:12px; text-align:center; color:#666; line-height:50px;}
.lh { font-size:14px; line-height:28px;}
.show_h3 { font-size:20px; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin:0px auto 30px auto; color:#E6001A;}
/*.show_sxp { text-align:left; clear:both; font-size:14px; line-height:35px; color:#020202;}
.show_sxp a { color:#666;}*/
.show_sxp{background: #f8f8f8;margin-bottom: 20px;border:1px solid #eee;}
.show_sxp .fl,.show_sxp .fr{width: 47%;text-align: center;height: 50px;line-height: 50px;padding:0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.show_sxp .fl:hover,.show_sxp .fr:hover{background: #FF3300;color:#fff;}
.show_sxp .fl:hover a,.show_sxp .fr:hover a{background: #FF3300;color:#fff;}

/*分页*/
.scott { overflow:hidden; text-align:center; line-height:30px; padding:10px 0; font-size:14px; letter-spacing:2px;}
.scott a { border:1px solid #E6001A; padding:5px 15px; margin-right:10px;}
.scott a:hover { border:1px solid #E6001A; text-decoration:none; color:#E6001A;}
.scott a:active { border:1px solid #E6001A; text-decoration:none; background:#E6001A;}
.scott .current { border:1px dashed #E6001A; padding:5px 15px; font-weight:bold; color:#fff; margin:0 10px; background:#E6001A;}
.scott .disabled { border:1px dashed #E6001A; padding:5px 15px; color:#E6001A; margin-right:10px;}

/**/
.box_large {width:890px; overflow:hidden;}

/*联系我们单独页面*/
.c_ontact { width:100%;}
.c_ontact .compan { width:100%; background:#f5f4f4; text-align:center; position:relative; line-height:30px; padding:15px 0;}
.c_ontact .compan p { font-size:16px; color:#e29613;}
.c_ontact .compan h1 { font-size:30px; color:#222; font-weight:100; margin:5px 0;}
.c_ontact .compan span { display:block; font-size:13px; color:#999; letter-spacing:1px;}
.c_ontact .compan i { display:block; width:94px; height:47px; position:absolute; bottom:-47px; left:0; right:0; margin:0 auto; background:url(../images/contact_ico.png) no-repeat 0 0;}
.c_ontact .contac_t { padding-top:50px; padding-left:20px;}
.c_ontact .contac_t li { float:left; width:40%; padding-left:46px; line-height:45px; background-position:left center; background-repeat:no-repeat; margin-top:10px;}
.c_ontact .contac_t .ct1 { background-image:url(../images/contact_ico06.png);}
.c_ontact .contac_t .ct3 { background-image:url(../images/contact_ico01.png); width:400px;}
.c_ontact .contac_t .ct4 { background-image:url(../images/contact_ico04.png);}
.c_ontact .contac_t .ct5 { background-image:url(../images/contact_ico05.png);}
.c_ontact .contac_t .ct6 { background-image:url(../images/contact_ico03.png); width:100%;}
.c_ontact .cont_map { width:100%; height:64px; background:url(../images/contact_map.png) no-repeat center top; margin:40px auto 30px auto;}

/*下载模型*/
.downRbox { border-bottom:1px solid #eee; overflow:hidden; padding:0 0 15px;}
.downRli { background:#eee; height:115px; margin:15px 0 0;}
.downRliImg { float:left; height:64px; margin:28px 0 0 25px; width:64px;}
.downRliImg img { height:64px; width:64px;}
.downRliTime { float:left; height:64px; margin-top:24px; text-align:center; width:118px;}
.downRliTime .day { font-size:42px;}
.downRliTime .year, .downRliTime .mouth { font-size:18px;}
.downRliCp { border-left:1px solid #333; float:left; height:64px; margin:28px 0 0; padding:0 30px; width:500px;}
.downRliCp .titl { display:block; font-weight:bold; overflow:hidden;}
.downRliCp .text { display:block; margin-top:10px;}
.downRliCp .link { color:#e60012; display:block; margin-top:5px;}
.downRliBtn { float:right; margin:28px 20px 0 0;}
.downRliBtn1, .downRliBtn2 { background:#fff; border:1px solid #ccc; border-radius:3px; cursor:pointer; font-size:12px; height:26px; line-height:26px; margin-bottom:8px; text-align:center; width:80px;}
.downRliBtn1 a { color:#e60012;}
.downRliBtn1:hover { border:1px solid #e60012;}
.downRliBtn2 { color:#b7b7b7;}

/*图片模型列表*/
.picli { width:100%;}
.picli li { width:380px; height:305px; text-align:center; margin: 10px ; float:left; position:relative; overflow:hidden;}
.picli li:hover { box-shadow:0px 2px 2px #ccc;}
.picli li a { display:block; width:100%;}
.picli li .picimg{width:380px;height: 255px;overflow: hidden;}
.picli li .picimg img { width:380px;height: 255px;}
.picli li:hover .wenzi  { background:#e60019;}
.picli li:hover .wenzi span{color:#fff;}
.picli li .wenzi {height: 50px; background:#eee; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; width:100%;}
.picli li span { display:block; text-align:center; color:#333; font-size:14px; line-height:35px; padding:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picli li p { font-size:12px; text-align:left; color:#999; line-height:25px; text-indent:2em; padding:0 15px 10px 15px;}

.picli li:hover .picimg img{-moz-transition: all 1s ease !important;
-webkit-transition: all 1s ease-in-out !important;
-o-transition: all 1s ease-in-out !important;
-ms-transition: all 1s ease-in-out !important;
transition: all 1s ease-in-out !important;}
.picli li:hover img{-moz-transform:scale(1.1); 
-o-moz-transform:scale(1.1); 
-o-moz-transform:scale(1.1); 
-webkit-moz-transform:scale(1.1); 
transform:scale(1.1);}

/*产品模型详情*/
.show_proimg { width:45%; overflow:hidden; position:relative; margin:0 auto 20px;}
.show_proimg .hd { display:none;}
.show_proimg .bd { position:relative; height:100%; z-index:0;}
.show_proimg .bd li { zoom:1; vertical-align:middle;}
.show_proimg .bd img { width:100%; display:block;}
.show_proimg .prev,.show_proimg .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.show_proimg .next{ left:auto; right:3%; background-position:8px 5px;}
.show_proimg .prev:hover,.show_proimg .next:hover{ filter:alpha(opacity=100);opacity:1;}

.img_show { max-width:100%; margin:10px auto; text-align:center;}
.img_show img { max-width:100%;}
.show_soft { width:100%; margin-top:20px; clear:both; text-align:center;}
.show_soft a {width: 288px;float: left;display: block; line-height:30px; color:#000; font-size:16px; border-radius:4px; overflow:hidden;margin: 5px 5px;border: 1px #ccc solid;}
.show_soft a img{width: 100px;}
.show_soft a h2{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.show_soft a p{background:#0069D6;font-weight: bold;color: #fff;}
.pro_h3 { line-height:35px; padding:0 10px; font-size:14px; font-weight:bold; background:#eee; margin:30px auto 20px auto;}

/*产品列表*/
.proli { width:1200px;}
.proli ul{margin-left: -30px;}
.proli li { width:380px; height:346px;  margin:10px 0px 10px 30px ; background: #fff; float:left; position:relative; overflow:hidden;box-shadow:0px 0px 15px #ddd;-webkit-box-shadow:0px 0px 15px #ddd;-moz-box-shadow:0px 0px 15px #ddd;}
.proli li a { display:block; width:100%;}
.proli li img { width:100%;height: 100%;}
.proli li .proimg{ position: relative; }
.proli li .roimg img{ width:100%; height:245px; display:block; }
.proli li:hover .proimg .cimg{width:100%; height:100%; position: absolute;top:0px;left:0px;background: url(../images/case0.png) no-repeat;background-size: 100% 100%;  }
.proli li:hover .wenzi span{color:#E6001A; }
.proli li .wenzi {height: 73px;background:#fff;padding:10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
.proli li span { display:block; color:#333; font-size:16px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.proli li p { font-size:12px; text-align:left; color:#999; line-height:22px; text-indent:2em; overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/*新闻模型*/
.ncon3_right li {overflow:hidden; }
.ncon3_right li .nslist{width: 1200px;height:250px;overflow:hidden;margin:0 auto;border-bottom:1px solid #e7e6e6;padding:32px 0;}
.ncon3_link { float:left; font:700 15px/32px "microsoft yahei"; height:250px; overflow:hidden; width:700px;}
.ncon3_link .newtit{display:block; color:#333;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 30px;}
.ncon3_link p { color:#858586; font:14px/26px "microsoft yahei"; height:110px; overflow:hidden; text-indent:2em;margin:0 0 20px 0;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.ncon3_link p a { margin-left:10px; color:#f30;}
.ncon3_date { background:#E6001A; float:right; height:120px; text-align:center; top:14px; width:90px;margin-top: 62px;}
.ncon3_date h1 { color:#fff; font:36px/60px "microsoft yahei"; text-align:center;border-bottom:2px solid #E53E4D;line-height: 82px;}
.ncon3_date span { color:#fff; font:12px/20px "microsoft yahei"; line-height:35px; text-align:center;display: block; width:100%;}
.ncon3_right li:hover{background:#eee;}
.ncon3_right li:hover a {color: #E60019;}
.ncon3_right li:hover p a{color:#f18c72;;}
.newlist .nlimg{float:left;width: 313px;height: 250px;margin-right: 35px;}
.newlist .nlimg img{width: 313px;height: 250px;}
.newlist li .nmore a{display: block;width: 30px;height: 18px;background: url(../images/nmore.png) no-repeat center;padding:8px 44px;border:1px solid #ddd;}
.newlist li .nmore:hover a{background:#E60019 url(../images/nmore1.png) no-repeat center;border:1px solid #E60019;}


/*在线留言*/
.company { margin-left:50px;}
.company li { margin-top:27px;}
.company_l { margin-left:4px; width:327px;}
.company_r { color:#434343; margin-right:4px; text-indent:2em;}
.company_r span { display:block; line-height:26px; margin-top:26px;}
.company_bot { margin-bottom:175px;}
.main_ly li { clear:both; color:#3c3b3b; font-size:16px; line-height:30px; padding:0 0 12px;}
.main_ly_t1 { float:left; width:70px; line-height:30px; font-size:16px;}
.main_ly_t2 { color:#999999; float:left; font-size:14px; padding:0 0 0 15px; line-height:30px;}
.main_bd { border:1px solid #dddddd; float:left; height:29px; line-height:29px; padding:0 0 0 5px; width:230px;}
.main_bd1 { border:1px solid #dddddd; float:left; font-size:14px; height:102px; line-height:25px; padding:5px; width:500px;}
.main_bd2 { border:1px solid #dddddd; float:left;width:130px;height:35px;line-height:35px; padding:0 0 0 5px; }
.main_bd2img{ margin:0px 0 0 5px;width:130px;height:35px}
.main_but { clear:both; padding:20px 0 0;}
.main_but input { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; color:#3c3b3b; font-size:16px; line-height:35px; cursor:pointer;}
.main_but .blue { background:#E6001A; color:#fff;}

/*招聘*/
.zp_list { width:100%; font-size:14px; line-height:25px;}
.zp_list dl { float:left; width:45%; margin-right:4%;}
.zp_list .line { border-right:1px solid #eee;}
.zp_list .job_td { font-size:14px; color:#000;}
.job_bt { font-size:16px; color:#222; line-height:40px;}
.job_ms { font-size:14px; color:#222; margin-top:15px; font-weight:bold;}
.job_nr { padding-left:20px; margin-top:10px; line-height:25px;}
.zpbut { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; font-size:16px; line-height:35px; cursor:pointer;background:#E6001A; color:#fff; margin-left:153px; margin-top:15px;}
.zpbutreset { display:block; float:left; border:none; margin-right:30px; height:35px; width:100px; border:0px; color:#3c3b3b; font-size:16px; line-height:35px; cursor:pointer; margin-left:30px; margin-top:15px;}
.form dd input.zpsex{width: auto;width: 15px;margin-right: 5px;}
.zpyzm{width:130px;height:35px}
.zpimg{ margin:0px 0 0 30px;width:130px;height:35px}

/*special*/
.speli li{width:100%;overflow:hidden;clear:both;padding:12px 0px;border-bottom:1px solid #EEE;	color:#aaa;}
.speli li a.preview{width:84px;float:left;	margin-right:7px;	margin-bottom:3px;	margin-left:10px;display:inline;}
.speli li a.preview img{width:80px;display:block;padding:1px;border:1px solid #EEE;}
.speli li a.title{overflow:hidden;	line-height:25px;font-weight:bold;font-size:14px;margin-left:2px;}
.speli span.info{display:block;line-height:23px;color:#555;padding-left:12px;}
.speli span.info small{color:#AAA;	font-size:12px;	margin-left:3px;}
.speli p.intro{color:#777777;line-height:20px;	margin-left:5px;padding-left:10px;padding-right:10px;}
.spelia{width:100%}
.spelia li{width:166px; margin:5px 10px 10px 4px; padding:5px; float:left; display:inline; line-height:21px; border:1px dashed #ccc; }
.spelia li a{ display:block; font-size:14px;}
.spelia li a:hover{text-decoration:none; background-color:#FEFBC5;}
.spelia li .title{ display:block;text-align:center; padding:0px 0px 5px 0px; border-bottom:1px dashed #ccc;}
.spelia li.b1{background:#9afb90;}
.spelia li.b2{background:#ffdeb6;}
.spelia li.b3{background:#fff38f;}
.spelia li.b4{background:#d9ff8f;}
.spelia li.b5{background:#ffffff;}

/* from表单 */
.form { padding:10px;}
.form dl { overflow:hidden; zoom:1; padding-top:15px;}
.form dd { float:left; width:250px; line-height:35px; padding-left:20px;border:1px solid #ddd;margin-left: 10px; }
.form dd select, .form dd input { vertical-align:middle;  border:none; color:#18284a; height:35px; line-height:35px; word-spacing:0; padding:0 10px; width:175px;}
.form dd textarea { vertical-align:middle;  color:#18284a; line-height:25px;border:none; word-spacing:0; padding:0 10px; width:455px; height:105px;}
.form dd.tarea_default{width: 530px;}
.form dd .logo{border: 1px solid #D4D4D4;}
.form dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;}
.form_b {text-align: left;padding:0px 0 0px 115px;}
.zpbtn { display:inline-block;  border:none;  height:35px; width:127px; border:0px; font-size:16px; line-height:35px; cursor:pointer;background:#c42733; color:#fff; margin-left:10px; }

.form1 { width:62%;float:right;margin:20px 0 40px 0;}
.form1 dl { overflow:hidden; zoom:1; padding-top:15px;}
.form1 dt { float:left; width:18%; font-size:14px; line-height:35px; color:#333; text-align:right;}
.form1 dd { float:left; width:200px; line-height:35px; padding-left:20px;}
.form1 dd .zpsex{width: 15px;
    margin:0 5px;}
.form1 dd input { vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; color:#18284a; height:35px; line-height:35px; word-spacing:0; padding:0 10px; width:178px;}
.form1 dd textarea { vertical-align:middle; background:#f4f4f4; border:1px solid #ddd; color:#18284a; line-height:25px; word-spacing:0; padding:0 10px; width:532px; height:117px;}
.form1 dd .logo{border: 1px solid #D4D4D4;}
.form1 dd p {clear: both;color: #A0A0A0;padding: 4px 0 0 0;line-height: 16px;}
.form_b {text-align: left;padding:0px 0 0px 115px;}

.personInfo { padding:5px; font-size:14px;}
.personInfo li { line-height:160%;}
.zzpimg{float:left;margin:50px 30px;}
.zzpimg img{width:350px;height: 450px;}


/*==============招贤纳士=====================*/

.title_box{ position:absolute; top:25px; left:0;  border-right:1px solid #e0e2e8; padding-right:30px;}
.title_box h1{display:block; font-size: 55px; font-family: "Arial"; color: #ddd; text-transform: uppercase;}
.title_box h2{display:block; margin-top:15px; color:#3d3d47; font-size: 22px;}

.n_join_us .left{ width:255px;float:left;}
.n_join_us .left .title_box{ border:none; margin-bottom:30px; position:relative; left:auto; top:auto;}
.n_join_us .left .up p{ line-height:24px; font-size:12px; color:#63636b;}
.n_join_us .left .up a{ background:#c02125; border-radius:3px; margin:30px auto; font-size:14px; display:block; height:58px; text-align:center; line-height:58px; text-align:center; color:#fff;}
.n_join_us .left .un p{ line-height:18px; color:#8a8a95; font-size:12px; }
.n_join_us .left .un a{ text-decoration:none; color:#2774d4;}

.n_join_us .right{ width:730px;float:right;}
.n_join_us .right .up_box h1{ font-size:16px; display:block; margin-bottom:10px; color:#ec3c2f; }
.n_join_us .right .up_box p{ font-size:12px; color:#6d6c72; line-height:24px;}
.n_join_us .right table{ margin-top:30px; border-top:3px solid #909090;}
.n_join_us .right table tr{ border-bottom:1px solid #dddddd; }
.n_join_us .right table td{ padding:15px 25px; line-height:24px; font-size:12px;  color:#454546;}
.bg_tr{ background:#f5f5f5;}

/*==============job=====================*/

#list_slide{  position:relative;margin-top: 30px;}
#list_slide dl{overflow:hidden; margin-bottom:20px; border-bottom:1px dotted #cccdd1;  }
#list_slide dt{border:none; border-left:3px solid #c02125; display:block; position:relative;  cursor:pointer; height:18px; margin-bottom: 20px;}
#list_slide dt h1{ padding-left:10px;  border-left:3px solid #fff; color:#51575f; font-size:16px; line-height:18px; background:url(../images/icon_arrow_un.png) right center no-repeat; margin-right:20px; display:block;font-weight: normal;}
#list_slide dd{ display:none; line-height:24px;}
#list_slide dd p{ line-height:24px; margin-bottom:0;}
#list_slide dd .content{ padding:0 20px 26px 20px;color:#666;}
#list_slide dt.on h1{ background:url(../images/icon_arrow_up.png) right center no-repeat ; color:#c02125; font-size:16px;}
.toudi{    display: inline-block;width: 70px;height: 25px;line-height: 25px;border: 1px solid #ff9711;color: #ff9711;margin-left: 10px;text-align: center;font-size: 12px;}

/*搜索单页*/
.con_search li {padding:15px; border-bottom:1px solid #e7e6e6; height:160px; overflow:hidden; margin-top:10px;}
.cs_link { float:left;  height:155px; overflow:hidden; width:855px;}
.cs_link .stit{display:block;font-size: 15px; color:#333;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cs_link p { color:#858586; font:14px/26px "microsoft yahei"; height:52px; overflow:hidden; text-indent:2em;margin:0 0 20px 0;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cs_link p a { margin-left:10px; color:#f30;}
.con3_date { background:#E6001A; float:right; height:110px; text-align:center; top:14px; width:90px;margin-top: 20px;}
.con3_date h1 { color:#fff; font:36px/60px "microsoft yahei"; text-align:center;border-bottom:2px solid #E53E4D;line-height: 75px;}
.con3_date span { color:#fff; font:12px/20px "microsoft yahei"; height:20px; text-align:center; width:100%;}
.con_search li:hover{background:#eee;}
.con_search li:hover .stit{color: #E60019;}
.con_search li:hover p a{color:#f18c72;;}
.con_search .simg{float:left;height: 150px;margin-right: 42px;}
.con_search .simg img{height: 160px;}
.con_search li .smore {display: block;width: 100px;height: 30px;background:#E6001A;border:1px solid #E6001A;text-align: center;color: #fff;}
.con_search li .smore:hover {color:#E60019;border:1px solid #E60019;background: #fff;}
.con_search li:hover .smore{margin-left: 20px;}